<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文章编写</title>
    <link rel="stylesheet" href="./dist/css/reset.min.css">
    <link rel="stylesheet" href="./dist/css/common.min.css">
    <link rel="stylesheet" href="./dist/css/header.min.css">
    <link rel="stylesheet" href="./dist/css/footer.min.css">
    <link rel="stylesheet" href="./dist/css/widget.min.css">
    <link rel="stylesheet" href="./dist/css/write_article.min.css">
    <link rel="stylesheet" href="./plugins/element-ui/element-ui-2.15.6.css">
    <!--单色-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3167845_r38ktrvldx.css">
    <!--彩色-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3163570_kbyj4t4few.css">

</head>
<body>
<header class="header shadow mb-1">
    <div class="d-flex container">
        <div class="header-logo">
            <a href="javascript:;">
                <img src="./src/img/logo.svg"
                     alt="">
            </a>
            <h3 class="d-none">筠悦科技</h3>
        </div>
        <div class="header-menu">
            <ul class="header-menu-item">
                <li class="menu-active"><a href="/" title="首页">首页</a></li>
                <li><a href="article.html" title="网站大全">文章详情</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="/write_article.html" title="文章管理">文章管理</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">应该是七个字吧</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(4);" title="小程序大全">小程序</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(5);" title="文章资讯">文章</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(6);" title="企业大全">企业</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(7);" title="快审联盟">联盟</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(8);" title="积分商城">商城</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li>
                    <a href="" title="专题">专题</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="header-submeun">
            <div class="header-submeun-search">
                <input type="text" class="header-submeun-search-input " placeholder="请输入关键字">
                <a class="btn header-submeun-search-btn">
                    <i class="ic ic-search"></i>
                </a>
            </div>
            <div class="d-flex d-none">
                <a href="" class="btn btn-danger">注册</a>
                <a href="" class="btn btn-success">登陆</a>
            </div>
            <div class="header-submeun-user">
                <div class="header-submeun-user-avatar">
                    <img src="//iconfont.alicdn.com/t/1570850261949.png@100h_100w.jpg" alt="用户头像">
                </div>
                <ul class="header-submeun-user-dropdown anim anim-upbit">
                    <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                </ul>
            </div>
        </div>
    </div>
</header>

<main class="container">
    <!--文章开始-->
    <div class="main mb-2">
        <div class="box-left">
            <div class="personal-center">
                <div class="content">
                    <a href=""><i class="ic ic-qq"></i>个人资料</a>
                    <a href=""><i class="ic ic-qq"></i>账户设置</a>
                    <a href=""><i class="ic ic-qq"></i>我的收藏</a>
                    <a href="" class="active"><i class="ic ic-qq"></i>文章管理</a>
                    <a href=""><i class="ic ic-qq"></i>我的签到</a>
                    <a href=""><i class="ic ic-qq"></i>我的勋章</a>
                </div>
            </div>
        </div>
        <div class="box-right">

            <div class="article-edit">
                <div>
                    文章标题
                </div>
                <div>
                    <textarea name="content1"></textarea>
                </div>
            </div>
        </div>
    </div>
    <!--文章结束-->
</main>
<footer class="footer">
    <div class="footer-main container ">
        <div class="footer-left">
            <div class="footer-about">
                阿斯达斯大叔大叔大叔大所大所大所多
            </div>
        </div>
        <div class="footer-center">
            <ul class="d-flex link-box">
                <li><a href="">关于我们</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">加入我们</a></li>
                <li><a href="">隐私保护</a></li>
                <li><a href="">网站地图</a></li>
                <li><a href="">收录标准</a></li>
                <li><a href="">友情链接</a></li>
            </ul>
        </div>
        <div class="footer-right">
            <div class="img-list">
                <div class="img-item-box">
                    <div class="img-item">
                        <img src="./src/img/logo.svg" alt="">
                    </div>
                    <p>微信</p>
                </div>
                <div class="img-item-box">
                    <div class="img-item">
                        <img src="./src/img/logo.svg" alt="">
                    </div>
                    <p>QQ</p>
                </div>
                <div class="img-item-box">
                    <div class="img-item">
                        <img src="./src/img/logo.svg" alt="">
                    </div>
                    <p>QQ群</p>
                </div>
            </div>

        </div>
    </div>
    <div class="footer-bottom container">
        <div class="copyright">
            Copyright ©
            <a href="https://www.52zsj.com" title="傲杰笔记">傲杰笔记</a> All Rights Reserved.
            <a href="javascript:;">备案号2564646</a>
        </div>
        <div class="other">

        </div>
    </div>
</footer>

<div class="fixed-menu">
    <div class="fixed-menu-item" data-id="go-home">
        <i class="ic ic-home-page"></i>
        <span>返回首页</span>
    </div>

    <div class="fixed-menu-item" data-id="go-qq">
        <i class="ic ic-qq"></i><span>QQ</span>
        <div class="fixed-menu-item-box">
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>微信公众号</p>
            </div>
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>腾讯视频号</p>
            </div>
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>抖音数字号</p>
            </div>
        </div>
    </div>
    <div class="fixed-menu-item" data-id="go-wechat">
        <i class="ic ic-wechat"></i><span>微信</span>
        <div class="fixed-menu-item-box">
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>微信</p>
            </div>
        </div>
    </div>
    <div class="fixed-menu-item" data-id="go-bottom">
        <i class="ic ic-go-bottom"></i>
        <span>去底部</span>
    </div>
    <div class="fixed-menu-item" data-id="text">
        <i class="ic ic-go-bottom"></i>
        <span>其他显示</span>

    </div>
    <div class="fixed-menu-item" data-id="go-top">
        <i class="ic ic-go-top"></i><span>返回顶部</span>
    </div>
</div>

</body>
</html>
<script src="./plugins/jquery.js"></script>
<script src="./plugins/common.js"></script>
<script src="plugins/kindeditor-v5.0.4/NKeditor-all-min.js"></script>
<script>

    KindEditor.ready(function (K) {
        // black theme
        K.create('textarea[name="content1"]', {
            uploadJson: K.basePath + 'php/default/upload_json.php',
            fileManagerJson: K.basePath + 'php/default/file_manager_json.php',
            allowFileManager: true,
            allowImageUpload: true,
            allowMediaUpload: true,
            themeType: "black", //主题
            //错误处理 handler
            errorMsgHandler: function (message, type) {
                try {
                    JDialog.msg({type: type, content: message, timer: 2000});
                } catch (Error) {
                    alert(message);
                }
            }
        });
    });
</script>
